<template>
	<view>
		<!-- 导航 -->
		<uni-nav-bar leftWidth='200rpx' rightWidth='200rpx' left-icon="left" leftText="返回" title="反馈记录"
			@clickLeft="$utils.ret()" />
		<!-- 切换 -->
		<view class="nav">
			<text class="bs">未处理</text>
			<text>已处理</text>
			<text>全部</text>
		</view>
		<!-- 问题详情 -->
		<view class="question">
			<!-- 版心 -->
			<view class="area">
				<!-- 报修内容 -->
				<view class="list_text">
					<view class="text_conter" @click="$utils.go('/pages/problem/problem')">
						<!-- 报修标题 -->
						<text class="text_top">
							公共区域有人随意占用,请物管及时.家里墙体有裂纹,请物管及时排工人...
						</text>
						<!-- 报修图片 -->
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<!-- 位置 -->
						<view class="location">
							<text>清水湾1号楼一单元2208</text>
							<text>水管漏水</text>
						</view>
						<!-- 报修时间 -->
						<view class="time">
							<text>2021-10-20 10: 20</text>
							<view class="submit">
								<button type="default">未处理</button>
								<button type="primary">撤销</button>
							</view>
						</view>
					</view>
				</view>
				<view class="list_text">
					<view class="text_conter">
						<!-- 报修标题 -->
						<text class="text_top">
							公共区域有人随意占用,请物管及时.家里墙体有裂纹,请物管及时排工人...
						</text>
						<!-- 报修图片 -->
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<!-- 位置 -->
						<view class="location">
							<text>清水湾1号楼一单元2208</text>
							<text>水管漏水</text>
						</view>
						<!-- 报修时间 -->
						<view class="time">
							<text>2021-10-20 10: 20</text>
							<view class="submit">
								<button type="default">未处理</button>
								<button type="primary">撤销</button>
							</view>
						</view>
					</view>
				</view>
				<view class="list_text">
					<view class="text_conter">
						<!-- 报修标题 -->
						<text class="text_top">
							公共区域有人随意占用,请物管及时.家里墙体有裂纹,请物管及时排工人...
						</text>
						<!-- 报修图片 -->
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<!-- 位置 -->
						<view class="location">
							<text>清水湾1号楼一单元2208</text>
							<text>水管漏水</text>
						</view>
						<!-- 报修时间 -->
						<view class="time">
							<text>2021-10-20 10: 20</text>
							<view class="submit">
								<button type="default">未处理</button>
								<button type="primary">撤销</button>
							</view>
						</view>
					</view>
				</view>
				<view class="list_text">
					<view class="text_conter">
						<!-- 报修标题 -->
						<text class="text_top">
							公共区域有人随意占用,请物管及时.家里墙体有裂纹,请物管及时排工人...
						</text>
						<!-- 报修图片 -->
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<image src="../../static/images/repairs.jpg" mode=""></image>
						<!-- 位置 -->
						<view class="location">
							<text>清水湾1号楼一单元2208</text>
							<text>水管漏水</text>
						</view>
						<!-- 报修时间 -->
						<view class="time">
							<text>2021-10-20 10: 20</text>
							<view class="submit">
								<button type="default">未处理</button>
								<button type="primary">撤销</button>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>


<style lang="less">
	@import url(../../static/css/repairs.less);

	page {
		width: 100%;
		height: 100vh;
	}

	// element.style {
	// 	padding-bottom: 20rpx;
	// }

	.header {
		width: 100%;
		height: 130rpx;
		background-color: white;
		margin-bottom: 15rpx;
	}

	/* 头部 */
	.title_box {
		height: 130rpx;
		background-color: white;
		display: flex;
		justify-content: space-between;
	}

	.back {

		height: 130rpx;
		color: #0f0f0f;
		font-size: 30rpx;
		padding-left: 20rpx;
		line-height: 130rpx;
	}

	.rel {
		font-size: 30rpx;
		color: #0f0f0f;
	}

	.title {
		height: 130rpx;
		color: #0f0f0f;
		font-size: 25rpx;
		line-height: 130rpx;
	}

	.box {
		width: 100rpx;
		height: 130rpx;
	}

	.matter {
		width: 730rpx;
		height: 100%;
		background-color: white;
		margin: 0 10rpx;
	}

	.di {
		height: 1rpx;
	}
</style>